import {React,Fragment} from 'react';
import {Tabs} from 'antd';
import './CustomerManage.css'
import CustomerInfo from './tabs/CustomerInfo';
import VipCardManage from './tabs/VipCardManage';
import CustomerDiscount from './tabs/CustomerDiscount';
import IntegralRule from './tabs/IntegralRule';
import CustomerConsumptionQuery from './tabs/CustomerConsumptionQuery';
const {TabPane} = Tabs;
function Customer(props) {
    
    return (
        <Fragment>
            <div className="option">
                <h3>客户管理</h3>
                <Tabs defaultActiveKey='1' type='card' size='large'>
                    <TabPane tab='客户资料' key='1'>
                        <CustomerInfo/>
                    </TabPane>
                    <TabPane tab='会员卡管理' key='2'>
                        <VipCardManage/>
                    </TabPane>
                    <TabPane tab='客户折扣' key='3'>
                        <CustomerDiscount/>
                    </TabPane>
                    <TabPane tab='积分规则' key='4'>
                        <IntegralRule/>
                    </TabPane>
                    <TabPane tab='客户消费查询' key='5'>
                        <CustomerConsumptionQuery/>
                    </TabPane>
                </Tabs>
            </div>
        </Fragment>
    );
}

export default Customer;